/**
 * 导入所需的响应式断点工具和钩子
 * 这里使用的是 VueUse 库中的响应式断点工具和钩子
 */
import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
/**
 * 使用基础布局的钩子
 * 该钩子主要用于确定当前设备是否为移动设备
 *
 * @returns {Object} 返回一个对象，包含一个布尔值，用于判断当前设备是否为移动设备
 */
export function useBasicLayout() {
  // 使用响应式断点工具，初始化断点
  const breakpoints = useBreakpoints(breakpointsTailwind)
  // 判断当前屏幕宽度是否小于 'sm' 断点，从而确定是否为移动设备
  const isMobile = breakpoints.smaller('sm')

  // 返回判断结果
  return {
    isMobile,
  }
}
